<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fbpost</title>
<link href="@{'public/css/bootstrap.min.css'}" rel="stylesheet" type="text/css" />
<link href="@{'public/css/main.css'}" rel="stylesheet" type="text/css" />
</head>
<body>	
	<div style="width: 400px; margin-left: auto; margin-right: auto; margin-top: 100px">
		<div id="header" class="navbar-top" style="height: 60px; margin-top: 60px"">
			<div class="navbar-inner_top">
				<div class="navbar">
					<div class="container">
						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</a> <a href="#" style="float: left; margin-top: 5px"></a>
						<div class="nav-collapse">
						<img src="@{'public/img/logo_text_height.png'}">
					</div>
				</div>
			</div>
		</div>
	</div>
		
	<div style="height: 60px; margin-top: 20px">
		<form action="@{Register.save()}" method="post"
			class="form-horizontal">
			<fieldset>
				#{field 'loginName'}
				<div class="control-group">
					<label class="control-label" for="loginName">&{'loginName'}：</label>
					<div class="controls">
						<input type="text" class="input-small" id="loginName"
							name="loginName" value="${loginName}"> <span
							class="help-inline ${field.errorClass}">${field.error}</span>
					</div>
				</div>
				#{/field}
				#{field 'loginPassword'}
				<div class="control-group">
					<label class="control-label" for="loginPassword">&{'loginPassword'}：</label>
					<div class="controls">
						<input type="password" id="loginPassword" name="loginPassword"
							class="input-small" value="${loginPassword}"> <span
							class="help-inline ${field.errorClass}">${field.error}</span>
					</div>
				</div>
				#{/field}
				#{field 'fullName'}
				<div class="control-group">
					<label class="control-label" for="loginPassword">&{'fullName'}：</label>
					<div class="controls">
						<input type="text" id="fullName" name="fullName"
							class="input-small" value="${fullName}"> 
						<span class="help-inline ${field.errorClass}">${field.error}</span>
					</div>
				</div>
				#{/field}
				#{field 'phoneNumber'}
				<div class="control-group">
					<label class="control-label" for="phoneNumber">&{'phoneNumber'}：</label>
					<div class="controls">
						<input type="text" id="phoneNumber" name="phoneNumber"
							class="input-small" value="${phoneNumber}"> <span
							class="help-inline ${field.errorClass}">${field.error}</span>
					</div>
				</div>
				#{/field} 
				<div class="control-group">
					<label class="control-label" for="loginPassword">&{'language'}：</label>
					<div class="controls">
						<select name="language" id= "language" class="input-small" onchange="changeLanguage(this)">
							#{if language == "zh-CN"}
							<option value="zh-CN">简体</option>
							<option value="zh-HK">繁體</option>
							<option value="en-GB">English</option>
							#{/if}
							#{else}
							#{if language == "zh-HK"}
								<option value="zh-HK">繁體</option>
								<option value="zh-CN">简体</option>
								<option value="en-GB">English</option>
							#{/if}
							#{else}
							#{if language == "en-GB"}
								<option value="en-GB">English</option>
								<option value="zh-CN">简体</option>
								<option value="zh-HK">繁體</option>
							#{/if}
							#{else}
								<option value="zh-CN">简体</option>
								<option value="zh-HK">繁體</option>
								<option value="en-GB">English</option>
							#{/else}
							#{/else}
							#{/else}
						</select>
					</div>
				</div>
						
				<div style = "text-align: center;" >
					<label for="registrationTips">&{'registrationTips'}</label>
				</div>
				<div class="form-actions">
					<button type="submit" class="btn btn-primary">&{'submit'}</button>
					<a class="btn " href="javascript:window.close()">&{'close'}</a>
				</div>
			</fieldset>
		</form>
	</div>
</body>
	<script src="@{'public/js/jquery/jquery.min.js'}"></script>
	<script type="text/javascript" src="@{'public/js/iPass.packed.js'}"></script>
	<script type="text/javascript">
		function changeLanguage(language){
			var strLanguage = language.options[language.selectedIndex].value;
			window.location.href="@{Register.registerLanguage()}?language="+strLanguage;
		}
		$(document).ready(function(){	
			$("input[type=password]").iPass();
		});
	</script>
</html>